<template>
  <div class="layout_home">
    <div class="mars"></div>
    <img src="@/assets/404/404.svg" class="logo-404" />
    <img src="@/assets/404/meteor.svg" class="meteor" />
    <p class="title">Oh no!!</p>
    <p class="subtitle">页面未找到<br />要么请求一个不再在这里的页面。</p>
    <div align="center">
      <span class="btn-back"  @click="$router.push('/home')">返回首页</span>
    </div>
    <img src="@/assets/404/astronaut.svg" class="astronaut" />
    <img src="@/assets/404/spaceship.svg" class="spaceship" />
  </div>
</template>

<script>
export default {
  name: "404",
  data() {
    return {};
  },
  watch: {},
  computed: {},
  created() {},
  methods: {},
};
</script>

<style lang="less" scoped>
@import url("./css/index.less");
</style>
